// 合并多个配置文件
const path = require("path")
const {merge} = require("webpack-merge")

// 导入公共配置文件
const webpackConfigBase = require("./webpack.config.base");


const resolve = (targetPath) => {
  return path.resolve(__dirname, "..", targetPath);
};
// dev环境下相关配置
module.exports = merge(webpackConfigBase, {
  // 指定环境
  mode: "development",
  // 输出source-map的方式，增加调试。eval是默认推荐的选择，build fast and rebuild fast！
  devtool: "eval",
  module: {
    rules: [
      // {
      //   test: /\.svg$/i,
      //   // use: 'url-loader', webpack5 已经移除了 
      //   resourceQuery: /url/, // *.svg?url
      //   type:'asset'
      // },
      // {
      //   test: /\.svg$/i,
      //   resourceQuery: {not: [/url/]}, // 如过这里不加not: [/url/]排除query='url' 会覆盖上层的url,这个时候resourceQuery: /url/，是无法显示的
      //   use: [
      //     "@svgr/webpack"
      //   ]
      // }
    ]
  },
  plugins: [
    
  ],
  // 本地服务器配置
  devServer: {
    // 启动GZIP压缩
    compress: true,
    // 设置端口号
    port: 3000,
    // 代理请求设置
    // proxy: {
    //   "/api": {
    //     // 目标域名
    //     target: "http://xxxx.com:8080",
    //     // 允许跨域了
    //     changeOrigin: true,
    //     // 重写路径 - 根据自己的实际需要处理，不需要直接忽略该项设置即可
    //     pathRewrite: {
    //       // 该处理是代码中使用/api开头的请求，如/api/userinfo，实际转发对应服务器的路径是/userinfo
    //       "^/api": "",
    //     },
    //     // https服务的地址，忽略证书相关
    //     secure: false,
    //   },
    // },
  },
});
